<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="style16-16.css" />
		<title>HTML5 et CSS 3 : Chapitre 16 : Les formulaires</title>
	</head>
	
	<body>
		<form method="post" action="traitement.php">
		
			<fieldset>
				<legend>Vos coordonnées</legend>
					<label for="nom">Quel est votre nom ?</label>
					<input type="text" name="nom" id="nom" autofocus required />
					<label for="prenom">Quel est votre prénom ?</label>
					<input type="text" name="prenom" id="prenom" required />		
					<label for="email">Quel est votre e-mail ?</label>
					<input type="text" name="email" id="email" required />						
			</fieldset>
			
			<fieldset>
				<legend>Votre souhait</legend>
				<p>
					Faites un souhait que vous voudriez voir exaucé :
					<input type="radio" name="souhait" value="riche" id="riche" />
					<label for="riche">Etre riche</label>
					<input type="radio" name="souhait" value="celebre" id="celebre" />
					<label for="celebre">Etre célèbre</label>
					<input type="radio" name="souhait" value="intelligent" id="intelligent" />
					<label for="intelligent">Etre <strong>encore</strong> plus intelligent</label>					
					<input type="radio" name="souhait" value="autre" id="autre" />
					<label for="autre">Autre...</label>
				</p>
				<p>
					<label for="precisions">Si "Autre", veuillez préciser :</label>
					<textarea name="precisions" id="precisions" cols="40" rows="4"></textarea>
				</p>
			</fieldset>
		</form>
	</body>
</html>